page {
    background: $bg_F6;
    font-size: $fontS_26;
    font-weight: 500;
}

image {
    width: 100%;
    height: 100%;
}

::v-deep .u-textarea--disabled {
    background: rgba(232, 232, 232, 0.4);
    color: #000;
}

.flexs {
    display: flex;
    justify-content: space-between;
}

.Mappos_a {
    width: 100%;
    position: relative;
    padding-bottom: 100rpx;
}

.OrderDeatil {
    background: $bg_F6;
    padding: 25rpx 30rpx 40rpx;

    .item {
        padding: 15rpx 18rpx;
        border-radius: 10rpx 10rpx 10rpx 10rpx;
        background: $bg_fff;
        margin-bottom: 20rpx;

        .StatusBar {
            padding: 10rpx 0rpx;

            .pre {
                top: -15rpx;
                left: -18rpx;
                z-index: 1;
                width: 65rpx;
                height: 65rpx;
            }

            .Bar {
                width: 100%;

                .Timestatus {
                    margin-left: 25rpx;

                    .status {
                        font-weight: bold;
                        font-size: $fontS_30;
                    }

                    .time {
                        margin-left: 10rpx;
                        font-size: 20rpx;
                        color: $color_AA;
                    }

                    .timeout {
                        border-radius: 4rpx 4rpx 4rpx 4rpx;
                        font-size: $fontS_20;
                        padding: 5rpx 10rpx;
                        margin-right: 10rpx;
                        color: #d43509;
                    }

                    .Limitedtime {
                        .status {
                            color: $color_def;
                            margin-right: 20rpx;
                        }
                    }

                    //待取货剩余时间
                    .num {
                        margin-right: 5rpx;
                        font-weight: bold;
                        font-size: $fontS_30;
                        color: $color_000;
                    }

                    .Time {
                        width: 550rpx;

                        .color {
                            color: $color_def;
                            margin: 0 7rpx;
                        }

                        .mar_l_r {
                            margin: 0 7rpx;
                        }
                    }
                }
            }
        }

        .AddR_Cont {
            border-top: 1rpx solid rgba(170, 170, 170, 0.4);
            margin-top: 10rpx;
            padding: 10rpx 0rpx;

            .remarks {
                margin: 10rpx 0 26rpx;
                font-size: $fontS_26;
                color: $color_AA;
                width: 532rpx;
            }

            .OrderType {
                padding-left: 15rpx;
                padding-top: 15rpx;

                view {
                    padding: 5rpx 10rpx;
                    text-align: center;
                    font-size: $fontS_20;
                    margin-right: 15rpx;
                    border-radius: 5rpx 5rpx 5rpx 5rpx;
                }

                .oc22b0 {
                    color: #0c22b0;
                    border: 1px solid #0c22b0;
                }

                .D43509 {
                    color: #d43509;
                    border: 1px solid #d43509;
                }

                .E6F5FA {
                    color: #6dbffa;
                    border: 1px solid #6dbffa;
                }
            }
        }

        @mixin Title {
            font-size: $fontS_30;
            font-weight: bold;
            padding: 20rpx 0;
            border-bottom: 1rpx solid rgba(170, 170, 170, 0.4);
        }

        @mixin msg {
            padding: 14rpx 0;
            line-height: 1.9;

            .name {
                width: 580rpx;
            }
        }

        // 订单状态
        .OrderStatus {
            .price_status {
                .price {
                    text:first-child {
                        font-size: 30rpx;
                        font-weight: 400;
                    }

                    text :last-child {
                        margin-right: 25rpx;
                        font-size: $fontS_40;
                        font-weight: bold;
                    }
                }

                .status {
                    font-size: $fontS_30;
                    font-weight: bold;
                }
            }

            // 外卖编号
            .num {
                font-size: $fontS_36;
                font-weight: bold;
            }

            // 跑腿类型
            .Runerrands {
                padding: 10rpx;
                color: $color_def;
                border: 1px solid $color_def;
                border-radius: 10rpx 10rpx 10rpx 10rpx;
            }
        }

        // 外卖餐品
        .Takeout_meal {
            .Title {
                @include Title;
            }

            .msg {
                @include msg;
                line-height: 1.4;

                .flexs {
                    margin-top: 15rpx;
                    display: flex;
                    justify-content: space-between;
                }
            }
        }

        // 跑腿备注
        .remarks {
            font-size: $fontS_24;

            .Title {
                @include Title;
            }
        }

        //外卖备注
        .takeout_remarks {
            margin: 10rpx 0 26rpx;
            font-size: $fontS_26;
            color: $color_AA;
            width: 532rpx;

            display: flex;
            flex: 1;

            .remarks_left {
                width: 80%;

                text-align: left;
                overflow: auto;
                white-space: pre-wrap;
                text-overflow: ellipsis;
            }
        }

        // 订单数据
        .deatils {
            font-size: $fontS_24;

            .Title {
                @include Title;
            }

            .msg {
                @include msg;

                > view {
                    text-align: right;

                    view:last-child {
                        text-align: right;
                        width: 500rpx;
                    }
                }
            }
        }

        // 订单收入
        .OrderPrice {
            margin-bottom: 50rpx;
            font-size: $fontS_30;

            .Title {
                font-weight: bold;
                padding: 20rpx 0;
            }

            text {
                font-size: $fontS_36;
                font-weight: bold;
            }
        }
    }
}

@mixin min {
    margin: 50rpx auto 10rpx;
    width: 424rpx;
    height: 70rpx;
    line-height: 70rpx;
    background: $color_def;
    font-size: $fontS_36;
    border-radius: 35rpx;
}

.GrabanOrder {
    color: #fff;
    @include min;
    display: flex;
    justify-content: center;
    align-items: center;
    background: $color_def;

    text {
        margin-right: 4rpx;
    }
}

.confirmChange {
    z-index: 1000;
    border-top: 1rpx solid rgba(170, 170, 170, 0.1);
	box-sizing: border-box;
    padding: 30rpx 48rpx 30rpx 38rpx;
    position: fixed;
    bottom: 1rpx;
    text-align: center;
    width: 100%;
    color: $color_fff;
    background: $bg_fff;
    border-radius: 10rpx 10rpx 10rpx 10rpx;

    .GoodsCollected {
        width: 100%;
        .btn {
            @include min;
            margin: 0 auto;
        }

        .phone {
            text-align: center;
            font-size: $fontS_20;
            color: #000;
        }

        .distribution {
            width: 480rpx;

            view {
                font-size: $fontS_30;
                text-align: center;
				width: 424rpx;
                line-height: 70rpx;
                height: 70rpx;
            }

            .Phone {
                color: $color_def;
                border-radius: 35rpx 0rpx 0rpx 35rpx;
                background: #eaebfa;
            }

            .Pickup {
                color: $color_fff;
                border-radius: 35rpx;
                background: $color_def;
            }
        }
    }
}

.times_flex {
    height: 30rpx;
    width: auto;

    line-height: 40rpx;
}

.color {
    color: $color_def;
}

.list_text {
    font-size: $fontS_20;
}

.btn_icon_box{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn_icon{
	width: 29rpx;
	height: 26rpx;
}
.btn_icon_center_solid{
	width: 2rpx;
	height: 40rpx;
	background-color: #D8D8D8;
	margin: 0 38rpx;
}
